<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
    <title>携程网</title>
    <script src="js/iconfont.js"></script>
</head>

<body>
    <!-- 搜索 -->
    <div class="search-index">
        <div class="search">搜索:目的地/酒店/景点/航班号</div>
        <a href="#" class="user">我 的</a>
    </div>
    <!-- 焦点图 -->
    <div class="focus">
        <img src="../images/focus.png" alt="">
    </div>
    <!-- 局部导航栏 -->
    <ul class="local-nav">
        <li>
            <a href="#">
                <span class="local-nav-icon-icon0"></span>
                <span>攻略·景点</span>
            </a>
        </li>

        <li>
            <a href="#">
                <span class="local-nav-icon-icon1"></span>
                <span>门票·活动</span>
            </a>
        </li>
        <li>
            <a href="#">
                <span class="local-nav-icon-icon2"></span>
                <span>美食林</span>
            </a>
        </li>
        <li>
            <a href="#">
                <span class="local-nav-icon-icon3"></span>
                <span>周边游</span>
            </a>
        </li>
        <li>
            <a href="#">
                <span class="local-nav-icon-icon4"></span>
                <span>一日游</span>
            </a>
        </li>
    </ul>
    <!-- nav -->
    <div class="nav">
        <div class="nav-common">
            <div class="nav-items3 nav-items">
                <a href="#">酒店</a>
            </div>
            <div class="nav-items2 nav-items">
                <a href="#">民宿·酒店</a>
            </div>
            <div class="nav-items4 nav-items">
                <a href="#">特价·爆款</a>
            </div>
        </div>
        <div class="nav-common">
            <div class="nav-items nav-items3">
                <a href="#">机票</a>
            </div>
            <div class="nav-items nav-items2">
                <a href="#">火车票</a>
            </div>
            <div class="nav-items item nav-items2">
                <a href="#">汽车·船票</a>
            </div>
            <div class="nav-items nav-items2">
                <a href="#">专车·租车</a>
            </div>
        </div>
        <div class="nav-common">
            <div class="nav-items nav-items3">
                <a href="#">旅游</a>
            </div>
            <div class="nav-items nav-items2">
                <a href="#">私家团</a>
            </div>
            <div class="nav-items item nav-items2">
                <a href="#">邮轮游</a>
            </div>
            <div class="nav-items nav-items2">
                <a href="#">定制游</a>
            </div>
        </div>
    </div>
    <!-- 侧导航栏 -->
    <ul class="subnav-entry">
        <li>
            <a href="#">
                <span class="subnav-entry-icon"></span>
                <span>自由行</span>
            </a>
        </li>
        <li>
            <a href="#">
                <span class="subnav-entry-icon"></span>
                <span>WiFi电话卡</span>
            </a>
        </li>
        <li>
            <a href="#">
                <span class="subnav-entry-icon"></span>
                <span>保险·签证</span>
            </a>
        </li>
        <li>
            <a href="#">
                <span class="subnav-entry-icon"></span>
                <span>换钞·购物</span>
            </a>
        </li>
        <li>
            <a href="#">
                <span class="subnav-entry-icon"></span>
                <span>向导·包车</span>
            </a>
        </li>
        <li>
            <a href="#">
                <span class="subnav-entry-icon"></span>
                <span>特价机票</span>
            </a>
        </li>
        <li>
            <a href="#">
                <span class="subnav-entry-icon"></span>
                <span>礼品卡</span>
            </a>
        </li>
        <li>
            <a href="#">
                <span class="subnav-entry-icon"></span>
                <span>申卡·借钱</span>
            </a>
        </li>
        <li>
            <a href="#">
                <span class="subnav-entry-icon"></span>
                <span>社区</span>
            </a>
        </li>
        <li>
            <a href="#">
                <span class="subnav-entry-icon"></span>
                <span>更多</span>
            </a>
        </li>
    </ul>
    <!-- footer -->
    <div class="footer">
        <a href="#">
            <span>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-weibiaoti-"></use>
                </svg>
            </span>
            <span>电话预定</span>
        </a>
        <a href="#">
            <span>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-xiazai"></use>
                </svg>
            </span>
            <span>下载</span>
        </a>
        <a href="#">
            <span>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-wode"></use>
                </svg>
            </span>
            <span>我的</span>
        </a>
    </div>

    <div class="tool">
        <a href="#">网站地图</a>
        |
        <span>
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-wangluo"></use>
            </svg>
        </span>
        <a href="#">

            <span>Language</span>
            <span>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-xiangxia"></use>
                </svg>
            </span>
        </a>
        <p>
            ©<label>2021</label>
            携程旅行｜
            <a href="#" class="">沪ICP备08023580号</a>
        </p>
    </div>
</body>


</html>